{extend name="base_user" /}
{block name="header_top"}
{include file="header-top" /}
{/block}
{block name="header"}
<style>
    .help-sidebar {
        width: 220px;
    }
    .help-container {
        background-color: #f0f2f5;
        padding:0 !important;
        width: calc(100% - 230px);
    }
</style>
{/block}
{block name="body"}
<div class="width-out clearfix">
    <div class="help-sidebar">
        {include file="user_left" /}
    </div>

    <div class="help-container">
        <div class="avue-main">
            <div id="avue-view" style="height: 100%; overflow: hidden auto;">
                <div class="index avue-view">
                    <div class="index-top">
                        <div class="top-left"><p><img src="{$user_info.avatar}" alt="{$user_info.nickname}"></p>
                            <p><span style="font-size: 18px; color: rgb(51, 51, 51);">{$user_info.nickname}</span><!----></p>
                            <p><span style="color: red;">{eq name="$user_info.vip_id" value=""}未开通会员{else}VIP到期时间 {$user_info.vip_time | date='Y-m-d H:i:s'}{/eq}</span>
                            </p>
                        </div>
                        <div class="top-right">
                            <div><p style="cursor: pointer;">0.00</p><p style="text-align: center; cursor: pointer;">可提现金额</p></div>
                            <div><p style="cursor: pointer;">0.00</p><p style="text-align: center; cursor: pointer;">总收益</p></div>
                            <div>
                                <p>
                                    <button type="button" class="layui-btn" style="width: 77px; height: 37px; text-align: center;"><span>我要上传</span></button>
                                </p>
                                <p>
                                    <button type="button" class="layui-btn layui-btn-normal" style="width: 77px; height: 37px; text-align: center;"><span>提现</span></button>
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="index-center">
                        <a href="{:url('/user/bind')}"></a>
                        <a href="{:url('/user/info')}"></a>
                        <a href="{:url('/user/info')}"></a>
                    </div>
                    <div class="index-notice">
                        <div class="el-carousel el-carousel--vertical">
                            <div class="el-carousel__container"><!----><!---->
                                <div class="el-carousel__item is-active is-animating" style="transform: translateY(0px) scale(1);"><!---->
                                    <div><i class="iconfont iconxiaoxi" style="font-size: 14px; color: rgb(179, 179, 179); vertical-align: top;"></i>
                                    </div>
                                    <div class="notice-con">
                                        {help_list limit="5" affiche='1'}
                                        <div><span style="font-size: 12px; color: rgb(204, 204, 204);">{$create_time | date='Y-m-d'}</span><p style="margin-left: 10px;"><a href="{:url('/help/' . $id,'','html')}" style="color: rgb(102, 102, 102);"><span style="padding: 0px 5px; margin-right: 5px;">{$title}</span></a></p></div>
                                        {/help_list}
                                    </div>
                                    <div><a href="/announce/index.html"><span
                                            style="font-size: 12px; color: rgb(179, 179, 179); vertical-align: top; margin-left: 50px;">更多</span></a>
                                    </div>
                                </div><!----><!----></div>
                            <ul class="el-carousel__indicators el-carousel__indicators--vertical">
                                <li class="el-carousel__indicator el-carousel__indicator--vertical is-active">
                                </li>
                            </ul>
                        </div><!----></div>
                    <div class="index-bottom">
                        <div class="el-card box-card is-always-shadow">
                            <div class="el-card__header">
                                <div class="clearfix"><span>我的足迹</span></div>
                            </div>
                            <div class="el-card__body">
                                <div class="">
                                    <ul class="con">
<!--                                        <li>-->
<!--                                            <div class="document-img"><span-->
<!--                                                    class="office-pic office-pic-rar imgWidth"></span>&lt;!&ndash;&ndash;&gt;-->
<!--                                            </div>-->
<!--                                            <div class="document-con"><p class="con-title"><span>2018年中考语文真题分类汇编：汉字、书法鉴赏</span>-->
<!--                                            </p>-->
<!--                                                <p class="con-tag"><span-->
<!--                                                        class="el-tag el-tag&#45;&#45;info el-tag&#45;&#45;light"-->
<!--                                                        style="text-align: center;">暂无标签</span></p>-->
<!--                                                <p class="con-notice" style="margin: 0px;"><span-->
<!--                                                        style="margin-right: 24px;">ID:401626</span><span-->
<!--                                                        style="margin-right: 24px;">大小：795.12 KB</span><span-->
<!--                                                        style="margin-right: 24px;">页数：0</span><span-->
<!--                                                        style="margin-right: 24px;">更新时间：2020-12-23</span></p>-->
<!--                                            </div>-->
<!--                                            <div class="document-right">-->
<!--                                                <p><a href="https://www.ttzyw.com/zy/401626.html">-->
<!--                                                    <button type="button" class="el-button el-button&#45;&#45;default">-->
<!--                                                        &lt;!&ndash;&ndash;&gt;&lt;!&ndash;&ndash;&gt;<span>查看全文</span></button>-->
<!--                                                </a></p>-->
<!--                                            </div>-->
<!--                                        </li>-->
                                    </ul><!---->
                                    <div class="el-loading-mask" style="display: none;">
                                        <div class="el-loading-spinner">
                                            <svg viewBox="25 25 50 50" class="circular">
                                                <circle cx="50" cy="50" r="20" fill="none"
                                                        class="path"></circle>
                                            </svg><!----></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="el-dialog__wrapper" style="display: none; height: 800px;">
                        <div role="dialog" aria-modal="true" aria-label="文档内容" class="el-dialog"
                             style="margin-top: 15vh;">
                            <div class="el-dialog__header"><span class="el-dialog__title">文档内容</span>
                                <button type="button" aria-label="Close" class="el-dialog__headerbtn"><i
                                        class="el-dialog__close el-icon el-icon-close"></i></button>
                            </div><!----><!----></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{/block}